import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue';
//vant start
import Components from 'unplugin-vue-components/vite';
import { VantResolver } from 'unplugin-vue-components/resolvers';
//vant end
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue(),
    //vant 组件引入配置
    Components({
      resolvers: [VantResolver()],
    }),],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  define: {
    'process.env': process.env
  },
  server: {
    port: 8089,
    host: true,
    // 代理段  代理只是在使用vite脚手架有 构建打包后就没有了 线上的应用还是需要通过服务端配置cors解决跨域
    proxy: {
      // 写一个标识  代表此API接口需要被代理  必须发请求的地址中在头部拼接
      '/douyu': {
        // 代理到的真实地址
        target: 'https://m.douyu.com/api',
        // 代理的域名和服务域名是否相同  一般都是不同的  true
        changeOrigin: true,
        // 将代理标识进行替换
        rewrite: (path) => path.replace(/^\/douyu/, '')
      }
      // 其他网址的代理根据上面的规则进行修改即可
    }
  }
})
